﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html lang="en"> 
<head> 
	<meta charset="utf-8"> 
	<title>jQuery UI Effects - Show Demo</title> 
	<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css"> 
	<script src="http://jqueryui.com/jquery-1.6.2.js"></script> 
	<script src="http://jqueryui.com/ui/jquery.effects.core.js"></script> 
	<script src="http://jqueryui.com/ui/jquery.effects.scale.js"></script> 
    <script type="text/javascript" src="http://www.vietbando.com/maps/API/VBDMapAPI.js?key=e7vjH+pgQHuSyV75dwG6hrMsaf8BwyZA"></script>
	<link rel="stylesheet" href="http://jqueryui.com/demos.css"> 
	<style> 
	#container { width: 99%; height: 500px; }
	#container h3 { margin: 0; text-align: center; }
	</style> 
	<script>
	    function loadMap() {
	        if (VBrowserIsCompatible()) {
	            var map = new VMap(document.getElementById('container'));
	            var pt = new VLatLng(10.8152328, 106.680505);
	            map.setCenter(pt, 4);
	            var marker = new VMarker(pt, new VIcon());
	            map.addOverlay(marker);
	        }
	    }
	    $(document).ready(function () {
	        loadMap();
	        // get effect type from 
	        var selectedEffect = "scale";
	        //  alert(selectedEffect);
	        // most effect types need no options passed by default
	        var options = {};
	        // some effects have required parameters
	        options = { percent: 100 };
	        // run the effect
	        $("#container").show(selectedEffect, options, 1000, callback);


	        //callback function to bring a hidden box back
	        function callback() {

	        };
	    });
	</script> 
</head> 
<body >
   
	<div id="container" class="ui-widget-content ui-corner-all">  
	</div> 


</body> 
</html> 
